<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>信息管理</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>
  <div th:fragment="monthlyReport">
    <!-- 楼宇巡检详情 -->
    <div class="cd-popup3 monthlyReport monthlyReport-pop" id="monthlyReportModal">
      <div class="cd-popup-container3 monthlyReportModal manageModal monthlyReportStyle">
        <div class="modal-top"></div>
        <div class="modal-title">月报表</div>
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal" href="javascript:;"></a>
        <!-- 图表 -->
        <div class="monthlyReportTableBox">
          <div class="headList">

            <div class="headListLeft monthlyReportSearchBox">
              <span>时间 :</span>
              <input type="button" id="monthlyReportSearch" top="14%" left="10%" class="inspectionRecordsSearchInputStyle reportingTime"
                style="width: 100px;" />
              <!-- 筛选条件 -->
              <div class="belongRegionSearch">
                <span>所属社区 :</span>
                <select class="form-control my-form-control buildSelectStyle selectbelongRegion" name="belongRegion">
                  <option value="all">全部</option>
                  <option value="十五奎巷社区">十五奎巷社区</option>
                  <option value="北落马营社区">北落马营社区</option>
                  <option value="太庙社区">太庙社区</option>
                  <option value="彩霞岭社区">彩霞岭社区</option>
                  <option value="新工社区">新工社区</option>
                  <option value="上羊市街社区">上羊市街社区</option>
                  <option value="木场巷社区">木场巷社区</option>
                  <option value="候潮门社区">候潮门社区</option>
                  <option value="海潮社区">海潮社区</option>
                  <option value="凤凰社区">凤凰社区</option>
                  <option value="春江社区">春江社区</option>
                  <option value="甬江社区">甬江社区</option>
                </select>
              </div>
              <span class="btnStyle monthlyReportSearchBtn" id="monthlyReportSearchBtn">搜索</span>

              <div id="hiddenDangerCanvas" class="hiddenDangerCanvasStyle"></div>
            </div>

            <div class="headListRight">

              <div id="reportVisualizationCanvas" class="hiddenDangerCanvasStyle1" height="240" width="560"></div>
              <div class="totalHiddenTroublNumBox">
                <p>0</p>
                <p>总隐患数</p>
              </div>
            </div>
          </div>
          <div class="tableBox tableBoxStyle">
            <table class="table table-bordered tableStyle" style="margin: -1px; width: 1211px;">
              <thead>
                <tr>
                  <!-- <th style="width: 5%">
                    <input type="checkbox" id="monthlyReportTableSelectAll">
                  </th> -->
                  <th>序号</th>
                  <th>月份</th>
                  <th>巡查次数</th>
                  <th>隐患报告总数</th>
                  <th>遗留隐患数量</th>
                  <th>已解决隐患数量</th>
                  <th>隐患解决率</th>
                </tr>
              </thead>
              <tbody class="tbodyList">

              </tbody>
            </table>
          </div>
        </div>

        <!-- 分页 -->
        <div class="dailyPageBox pageBox none" id="monthlyReportPageBox">
          <ul class="pagination" id="monthlyReportPage"></ul>
          <div class="pageJump">
            <span>跳转到</span>
            <input type="text" />
            <span>页</span>
            <button type="button" class="button btn btn-default">跳转</button>
          </div>
        </div>
      </div>

    </div>


  </div>
</body>

</html>